.floatPanel {
  border-radius: 15px;
  > .close {
    width: 24px;
    height: 24px;
    background-image: url("../img/icon/icon_popup_close_w.png");
    background-repeat: no-repeat;
    background-position: 4px 4px;
    background-size: 16px 16px;
    .animation();
    cursor: pointer;
    .abs;
    right: 10px;
    top: 10px;
    pointer-events: auto;
    opacity: 0.5;
    z-index: 1;
    &:hover {
      opacity: 1;
    }
  }
  > .minmax {
    display: flex;
    cursor: pointer;
    .abs;
    right: 10px;
    top: 10px;
    pointer-events: auto;
    opacity: 0.5;
    z-index: 1;
    .icon {
      width: 24px;
      height: 24px;
      background-image: url("../img/icon/icon_maxmin_left_w.png");
      background-repeat: no-repeat;
      background-position: 4px 4px;
      background-size: 16px 16px;
    }
    .label {
      color: @color-white;
      font-size: 14px;
      display: none;
      margin: 0 5px;
    }
  }

  &.min {
    > .minmax {
      background-image: @themeGradient;
      border: 1px solid @themeDark;
      .box-glow(10px, fade(@themeDark, 50));
      border-radius: 0 0 10px 10px;
      padding: 5px 10px;
      opacity: 0.8;
      .label {
        display: block;
      }
    }
  }

  > .minmax {
    &:hover {
      opacity: 1;
    }
  }
}